<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
    <div id="app">
      这是自定义的标题{{title}}
    </div>
	</body>
  <script type="text/javascript">
    
    
    // var a = {};
    // a.toString(); //  retrun "[object Object]"
    // a.toString = function(){
    //   return 1;
    // }
    
    // console.log(a);
    
    // console.log(a + "1");
    
    
    // var a = {};
    // var i = 1
    // a.toString = function(){
    //   return i++;
    // }
    
    // var a = {
    //   value:1,
    //   toString:function(){
    //     return this.value++
    //   }
    // }
    
    // if(a == 1 && a == 2 && a == 3){
    //   console.log(true);
    // }else{
    //   console.log(false)
    // }
    
    // console.log(a);
    
    
    
    
    // get和set
    // var obj = {
    //   _title:"hello Obj",
    //   get title(){
    //     console.log("有人使用了title");
    //     // 定义功能
    //     return this._title;
    //   },
    //   set title(v){
    //     console.log(v);
    //     v = v + 123;
    //     // 定义功能
    //     this._title = v;
    //   }
    // }
    
    // console.log(obj.title);
    // obj.title = "hahaha";
    // console.log(obj.title);
    
    
    
    
    // vue的数据绑定：修改数据后竟然会影响视图
    
    // var vm = {
    //   _title:"hello vue",
    //   app: document.getElementById("app"),
    //   appInner: this.app.innerHTML,
    //   get title(){
    //     this.app.innerHTML = this.appInner.replace("{{title}}", this._title);
    //     return this._title;
    //   },
    //   set title(v){
    //     this._title = v;
    //     this.app.innerHTML = this.appInner.replace("{{title}}", this._title);
    //   }
    // }
    
    // vm.title
    
    // vm.title = "哈哈哈";
    
    
    
    
  </script>
</html>
